//先定义一个函数

$(function () {

    //1.点击事件
    //我们是需要在事件里面获取的用户和密码的 不然每次获取的都是空的
    $('.input_sub').on('click', function () {

        //获取用户和密码
        const username = $('.input_txt').val();
        const password = $('.input_pass').val();

        //1.1判断用户的输入框不能为空
        if (!username.trim() || !password.trim()) {


            //这里是采用模态框的
            //这里是 为了不把模态款的内容写死其他地方也可以用 直接选出来 再里面加内容
            $('.modal-body p').text('请输入完整的信息')
            $('.modal').modal({ keyboard: true })
            $('.modal').modal('show')

            $('.btn-primary').on('click', function () {
                $('.modal').modal('hide')
            })
            return
        }





        // 2.需要一个发送请求的
        $.ajax({
            type: "post",
            url: 'http://127.0.0.1:8080/api/v1/admin/user/login',
            data: {
                username,
                password
            },

            success: function (res) {
                console.log(res);

                // 响应处理
                if (res.code == 200) {
                    // 这是成功的
                    $('.modal-body p').text('登录成功')
                    $('.modal').modal('show')

                    //绑定确定按钮，模态框隐藏
                    $('.btn-primary').on('click', function () {
                        $('.modal').modal('hide')
                    })
                    //这里是先保存在跳转之前额token
                    localStorage.setItem('token', res.token)
                    location = './index.html'
                } else {
                    // 这是成功的
                    $('.modal-body p').text('登录失败')
                    $('.modal').modal('show')

                    //绑定确定按钮，模态框隐藏
                    $('.btn-primary').on('click', function () {
                        $('.modal').modal('hide')
                    })

                }

            }
        })
    })



})